<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        img{
            height: 200px;
            display: block;
        }
    </style>
    <script src="./js/jquery.js"></script>
    <script src="./js/jquery.lazyload.js"></script>
</head>
<body>
    <img class="lazy" data-original="./images/img (1).jpg">
    <img class="lazy" data-original="./images/img (2).jpg">
    <img class="lazy" data-original="./images/img (3).jpg">
    <img class="lazy" data-original="./images/img (4).jpg">
    <img class="lazy" data-original="./images/img (5).jpg">
    <img class="lazy" data-original="./images/img (6).jpg">
    <img class="lazy" data-original="./images/img (7).jpg">
    <img class="lazy" data-original="./images/img (8).jpg">
    <img class="lazy" data-original="./images/img (9).jpg">
    <img class="lazy" data-original="./images/img (10).jpg">
    <img class="lazy" data-original="./images/img (11).jpg">
    <img class="lazy" data-original="./images/img (12).jpg">
    <img class="lazy" data-original="./images/img (13).jpg">
    <img class="lazy" data-original="./images/img (14).jpg">
    <img class="lazy" data-original="./images/img (15).jpg">
    <img class="lazy" data-original="./images/img (16).jpg">
    <img class="lazy" data-original="./images/img (17).jpg">
    <img class="lazy" data-original="./images/img (18).jpg">
    <img class="lazy" data-original="./images/img (19).jpg">
    <img class="lazy" data-original="./images/img (20).jpg">
    <img class="lazy" data-original="./images/img (21).jpg">
    <img class="lazy" data-original="./images/img (22).jpg">
    <img class="lazy" data-original="./images/img (23).jpg">
    <img class="lazy" data-original="./images/img (24).jpg">
    <img class="lazy" data-original="./images/img (25).jpg">
    <img class="lazy" data-original="./images/img (26).jpg">
    <img class="lazy" data-original="./images/img (27).jpg">
    <img class="lazy" data-original="./images/img (28).jpg">
    <img class="lazy" data-original="./images/img (29).jpg">
    <img class="lazy" data-original="./images/img (30).jpg">
    <img class="lazy" data-original="./images/img (31).jpg">
    <img class="lazy" data-original="./images/img (32).jpg">
    <img class="lazy" data-original="./images/img (33).jpg">
    <img class="lazy" data-original="./images/img (34).jpg">
    <img class="lazy" data-original="./images/img (35).jpg">
    <img class="lazy" data-original="./images/img (36).jpg">
    <img class="lazy" data-original="./images/img (37).jpg">
    <img class="lazy" data-original="./images/img (38).jpg">
    <img class="lazy" data-original="./images/img (39).jpg">
    <img class="lazy" data-original="./images/img (40).jpg">
    <img class="lazy" data-original="./images/img (41).jpg">
    <img class="lazy" data-original="./images/img (42).jpg">
    <script>
    $(function() {
        $("img.lazy").lazyload({effect: "fadeIn"});
    });
    </script>
</body>
</html>